<template>
  <div class="box">
    <div class="pic">
      <img src="~assets/logo/logo2.png" alt="">
    </div>
    <table>
      <tr>
        <td class="name">内蒙古达英尔科技有限责任公司</td>
        <td class="rt">
          <img src="~assets/img/phone.svg" alt="">
          <span>  0471-4933513</span>
        </td>
        <td class="rt">
          <img src="~assets/img/lan.svg" alt="">
          <span>  语言</span>
        </td>
        <td class="rt">
          <img src="~assets/img/cell.svg" alt="">
          <span>  移动端</span>
        </td>
        <td class="rt">
          <img src="~assets/img/contact.svg" alt="">
          <span>  联系我们</span>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: "Top",
  components: {},
};
</script>

<style scoped>
    .box {
      width: 100%;
      background-color: #152b59;
      padding: 0 60px;
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99;
      margin-bottom: 0px;
    }
    .pic {
      width: 40px;
      padding: 0;
      float: left;
    }
    .pic img {
      width: 100%;
      height: 40px;
      border-radius: 3px;
    }
    table {
      width: 87%;
    }
    .name {
      width: 67%;
      color: #fff;
      font-size: 16px;
    }
    .rt {
      color: #fff;
      font-size: 14px;
      text-align: center;
    }
    .rt:hover {
      color: royalblue;
    }
</style>